<div class="inner">
	<div class="inner-center">
		<div class="dir">
			<ul>
				<li><a href="./Main-page.html">首页</a></li>
				<li>&gt;</li>
				<li><a href="./My-hotel.html">我的大头青旅</a></li>
			</ul>
		</div>
		<div class="main-body">
			<div class="left-pannel">
				<ul>
					<li><a href="./My-hotel.html">我的大头青旅</a></li>
					<li><a href="./My-page.html">订单中心</a></li>
					<li><a href="#">我的钱包</a></li>
					<li><a href="./My-selfInfo.html">个人中心</a></li>
					<li><a href="#">常用信息</a></li>
				</ul>
			</div>
			<div class="right-pannel">
				<div class="top-box">
					<div class="left-fillbox">
						<div class="top-info">
							<div class="userImg">
								<a href="#">
									<img src="images/nophoto.png" alt="">
								</a>
							</div>
							<div class="baseInfo">
								<div class="up">
									<p class="name username"></p>
								</div>
							</div>
						</div>
						<div class="botm-info">
							<p class="title">我的权益：</p>
							<ul class="rights">
								<li>
									<div>
										<img src="../images/hotel_logo_backup.png" alt="">
										<p>95折</p>
										<p>会员折扣</p>
									</div>
								</li>
								<li>
									<div>
										<img src="../images/hotel_logo_backup.png" alt="">
										<p>95折</p>
										<p>会员折扣</p>
									</div>
								</li>
								<li>
									<div>
										<img src="../images/hotel_logo_backup.png" alt="">
										<p>95折</p>
										<p>会员折扣</p>
									</div>
								</li>
								<li>
									<div>
										<img src="../images/hotel_logo_backup.png" alt="">
										<p>95折</p>
										<p>会员折扣</p>
									</div>
								</li>
								<li>
									<div>
										<img src="../images/hotel_logo_backup.png" alt="">
										<p>95折</p>
										<p>会员折扣</p>
									</div>
								</li>
								
							</ul>
						</div>
					</div>
					<div class="rights-fillbox">
						<div class="mywallet">
							<p class="mywallet-title">我的钱包</p>
							<ul>
								<li>储&nbsp;&nbsp;&nbsp;值：<span id="money"></span>元</li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</div>
						<div class="mycoupon">
							<p class="mywallet-title">我的券包</p>
						</div>
					</div>
				</div>
				<div class="botm-box">
					<div class="state">
						<li href="#" class="active-state">全部订单（0）</li>
						<li href="#">带入住（0）</li>
						<li href="#">带点评（0）</li>
					</div>
					<div class="loading">
						<img src="../images/loading.gif" alt="">
					</div>
					<div class="main-info">
						<table class="page">
							<thead>
								<tr>
									<th class="td1"></th>
									<th class="td2">入住日期</th>
									<th class="td3">联系人</th>
									<th class="td4">订单总价</th>
									<th class="td4">订单状态</th>
									<th class="td5">操作</th>
								</tr>
							</thead>
							<tbody>
								<tr class="tr1">
									<td colspan="6">
										<div>
											<span>订单号：</span>
											<span id="orderId"></span>
										</div>
										<div>
											<span>预定日期：</span>
											<span id="bookDay"></span>
										</div>
									</td>
								</tr>
								<tr class="tr2">
									<td class="td1 tel">
										<a href="#" id="roomId"></a>
									</td>
									<td class="td2">
										<span id="livingDay">
											<span id="startDay"></span>
											<span>--</span>
											<span id="finalDay"></span>
											<br><span>1间</span>
										</spa>
									</td>
									<td class="td3">
										<span id="name"></span>
									</td>
									<td class="td4">
										<span id="totalMoney"></span>
									</td>
									<td class="td5">
										<span id="status"></span>
										<br>
										<a href="#">查看详情</a>
									</td>
									<td class="td6">
										<button class="pay">立即支付</button>
										<br>
										<a href="#">取消订单</a><br><a href="#">自助选房</a>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>